.theme-bule{

  .avue-header,.avue-logo{
    background: #004ca7;
  }
  .avue-sidebar{
    background: #004ca7;
    .el-menu-item.is-active, .el-submenu__title.is-active {
        background-color: rgba(0, 0, 0, 0.2);
    }
  }
  .el-dropdown{
    color: #fff;
  }
  .avue-logo{
    .avue-logo_title{
      color:#fff;
    }
  }
  .avue-breadcrumb{
    i{
      color:#fff;
    }
  }

  .top-bar__item {
    i {
      color: #fff;
    }
  }
  .avue-top{


    .el-menu-item {
        i,
        span {
          color: #fff;
        }
      &:hover {
          i,
          span {
            color: #fff;
          }
      }
    }
  }

  .el-menu--popup{
    .menu-wrapper{
      .el-submenu{
        span{
          color:rgba(255, 255, 255, 0.7);
        }
      }
      background-color: #004ca7;
      i,span{
        color: #fff;
      }
      &:hover{
        i,span{
          color:#fff;
        }
      }
      &.is-active {
        background-color: #004ca7;
        &:before {
          content: '';
          top: 0;
          left: 0;
          bottom: 0;
          width: 4px;
          background: #000;
          position: absolute;
        }
        i,span{
          color:#fff;
        }
      }
    }
    .el-menu-item{
      background-color: #004ca7;
      i,span{
        color: rgba(255, 255, 255, 0.7);
      }
      &:hover{
        i,span{
          color:#fff;
        }
      }
      &.is-active {
        background-color: #004ca7;
        &:before {
          content: '';
          top: 0;
          left: 0;
          bottom: 0;
          width: 4px;
          background: #000;
          position: absolute;
        }
        i,span{
          color:#fff;
        }
      }
    }
  }
}
